<template>
	<div class="home">
		<div class="div_title">
			<img src="../assets/leftjt.jpg" />
			<span class="top_bt">管理收货地址</span>
			<span class="top_xj" @click="tz()">新建</span>
		</div>
		<div class="a">
			我的收货地址
		</div>
		<div class="top_body">
			<div class="body_xx">
				<span>小慕</span>
				<span>12345678098</span>
			</div>
			<div class="body_dz">
				<span>北京市海淀区西三环北路 2号院 北京理工大学 国防科技园2号楼 10层</span>
				<img src="../assets/righttb.jpg" />
			</div>
		</div>
		<div class="top_body">
			<div class="body_xx">
				<span>小慕</span>
				<span>12345678098</span>
			</div>
			<div class="body_dz">
				<span>北京市海淀区西三环北路 2号院 北京理工大学 国防科技园2号楼 13层</span>
				<img src="../assets/righttb.jpg" />
			</div>
		</div>
		<div class="div_null"></div>
	</div>
</template>

<script>
	export default {
		data() {
			return{
			}
		},
		methods: {
			tz() {
				this.$router.push('/Addaddress');
			}
		},
	}
</script>

<style>
	.div_null {
		background: #f8f8f87;
		height: 1800px;
	}

	.body_dz {
		margin-left: 16px;
		margin-top: 8px;
		font-size: 14px;
	}

	.body_dz img {
		float: right;
		margin-right: 16px;
	}

	.body_xx :nth-child(2) {
		margin-left: 110px;
	}

	.body_xx {
		padding-top: 18px;
		padding-left: 16px;
		font-size: 14px;
	}

	.top_body {
		height: 104px;
		margin-left: 18px;
		margin-right: 18px;
		margin-top: 12px;
		margin-bottom: 12px;
		background-color: #ffffff;
	}

	.home {
		background: #f8f8f8;
		width: 100%;
	}

	.div_title {
		height: 44px;
		width: 100%;
		text-align: center;
		margin-top: 16px;
		margin-bottom: 11px;
		background-color: #FFFFFF;
	}

	.div_title img {
		float: left;
		margin-left: 18px;
	}

	.top_bt {
		font-size: 16px;
	}

	.top_xj {
		float: right;
		margin-right: 18px;
		font-size: 12px;
	}

	.a {
		margin-top: 16px;
		margin-left: 18px;
	}
</style>
